<template>
    <div>
        <div class="row cell" v-for="cell in cells" @click="jumpTo(cell.path)">
            <div class="icon material-icons-outlined row">{{ cell.icon }}</div>
            <div class="content">{{ cell.content }}</div>
            <div class="icon material-icons-outlined">chevron_right</div>
        </div>
        <!-- 查看反馈信息 -->
    </div>
</template>

<script>
export default {
    data() {
        return {
            cells: [
                {
                    path: "./memberManage",
                    icon: "settings",
                    content: "给与管理员权限",
                },
                {
                    path: "./auditXin",
                    icon: "settings",
                    content: "审核心语签",
                },
                {
                    path: "./handleFeedback",
                    icon: "settings",
                    content: "处理反馈信息",
                },
                {
                    path: "./changeXin",
                    icon: "settings",
                    content: "修改心语签",
                },
            ],
        };
    },
    methods: {
        jumpTo(url) {
            wx.navigateTo({
                url,
            });
        },
    },
};
</script>

<style lang="less" scoped>
.cell {
    box-shadow: 0 8px 12px #ebedf0;
    background-color: #fff;
    margin: 32rpx 32rpx;
    padding: 32rpx 0;
    border-radius: 32rpx;

    .icon {
        margin: 0 32rpx;
        font-size: 48rpx;
    }

    .content {
        flex: 1;
        padding: 0 4rpx;
    }
}
</style>
